<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8"/>
        <title>学生信息管理系统 - 注册页</title>

        <!-- 页面支持响应式 -->
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

        <!-- 引入Bootstrap的css样式组件 -->
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

        <!-- 引入Bootstrap的js特效组件 -->
        <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.0/dist/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
    </head>
    <body>

        <!-- 制作一个顶部菜单 -->
        <nav class="navbar navbar-expand-lg fixed-top navbar-dark bg-primary">

            <!--网站logo-->
            <a class="navbar-brand" href="#">
                <img src="https://v4.bootcss.com/docs/4.6/assets/brand/bootstrap-solid.svg" width="30" height="30" class="d-inline-block align-top" alt="">
                学生信息管理系统
            </a>

            <!--下拉菜单-->
            <div class="dropdown">
                <button class="btn btn-success dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    登录或注册
                </button>
                <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                    <a class="dropdown-item" href="#">登录</a>
                    <a class="dropdown-item" href="#">注册</a>
                </div>
            </div>
        </nav>

        <!--表单div-->
        <div class="container my-5 p-5">
            <h2 class="text-center">学生注册</h2>
            <hr/>
            <form action="#" method="post">
                <div class="form-group">
                    <label for="username" class="my-2">用户名：</label>
                    <input type="text" name="usernamename" value="" class="form-control" id="username">
                </div>
                <div class="form-group">
                    <label for="password" class="my-2">密码：</label>
                    <input type="password" name="password" value="" class="form-control" id="password">
                </div>
                <div class="form-group">
                    <label for="name" class="my-2">姓名：</label>
                    <input type="text" name="name" value="" class="form-control" id="name">
                </div>
                <div class="form-group">
                    <label for="sex">性别：</label>
                    <select name="" class="form-control" id="sex">
                        <option value="w">男</option>
                        <option value="m">女</option>
                        <option value="n">保密</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="age" class="my-2">年龄：</label>
                    <input type="text" name="age" value="" class="form-control" id="age">
                </div>
                <div class="form-group">
                    <label for="phone" class="my-2">电话：</label>
                    <input type="number" name="phone" value="" class="form-control" id="phone">
                </div>
                <div class="form-group">
                    <label for="address" class="my-2">地址：</label>
                    <input type="text" name="address" value="" class="form-control" id="address">
                </div>
                <div class="form-group">
                    <label for="email" class="my-2">邮箱：</label>
                    <input type="email" name="email" value="" class="form-control" id="email">
                </div>
                <input type="hidden" name="ip" value="<?= $_SERVER['REMOTE_ADDR'] ?>"/>
                <input type="hidden" name="created_at" value="<?= date('Y-m-d H:i:s') ?>"/>
                <input type="hidden" name="updated_at" value="<?= date('Y-m-d H:i:s') ?>"/>
                <div class="form-group text-center">
                    <button type="submit" class="btn btn-lg btn-primary btn-block">提交</button>
                    <button type="reset" class="btn btn-lg btn-warning btn-block">重置</button>
                </div>
            </form>
        </div>
    </body>
</html>